.user-box {
    width     : 100%;
    height    : 100vh;
    text-align: center;
    background: #f0eff5;
}

/* 顶部 */
.user-title {
    width      : 100%;
    height     : 1rem;
    background : #007af5;
    position   : relative;
    top        : 0;
    left       : 0;
    overflow   : hidden;
    line-height: 1rem;
    color      : #fff;
    text-align : center;
}

.user-title span {
    font-size: 0.4rem;
}

.user-title .icon-wode {
    position : absolute;
    right    : 0.2rem;
    font-size: 0.5rem;
}

.user-title .icon-gengduo {
    position : absolute;
    left     : 0.2rem;
    font-size: 0.5rem;
}

/* 用户头像 */
.user-img {
    width : 100%;
    margin: 0.8rem 0 0.4rem 0;
}

.user-img img {
    width        : 2rem;
    height       : 2rem;
    border-radius: 50%;
    margin-bottom: 0.1rem;
}

.user-img button {
    background   : #007af5;
    border-radius: 0.15rem;
    border       : none;
    color        : #fff;
    width        : 2rem;
    height       : 0.5rem;
    font-size    : 0.2rem;
    margin       : 0.1rem;
}

/* 用户账号密码 */
.user-setpass {
    width: 100%;
}

.user-setpass input {
    width        : 70%;
    height       : 0.8rem;
    border       : 1px solid #ccc;
    border-radius: 0.2rem;
    margin       : 0.1rem 0;
    box-sizing   : border-box;
    padding-left : 0.7rem;
}

.user-setpass button {
    width        : 50%;
    height       : 0.8rem;
    border-radius: 0.2rem;
    border       : none;
    background   : #007af5;
    color: #fff;
    font-size: 0.36rem;
}